<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta chartset='utf-8'/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>专业数据处理平台</title>
	<meta name="description" content="这是一个 index 页面">
	<meta name="keywords" content="index">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="renderer" content="webkit">
	<link rel="icon" type="image/png" href="${ctx}/assets/i/favicon.png">
	<link rel="apple-touch-icon-precomposed" href="${ctx}/assets/i/app-icon72x72@2x.png">
	<meta name="apple-mobile-web-app-title" content="Amaze UI" />
	<link rel="stylesheet" href="${ctx}/assets/css/amazeui.min.css" />
	<link rel="stylesheet" href="${ctx}/assets/css/admin.css">
	<link rel="stylesheet" href="${ctx}/assets/css/app.css">
		<link rel="stylesheet" type="text/css" href="${ctx}/assets/css/xcConfirm.css"/>
	<title>Insert title here</title>
</head>
<body>
 	<div >
            <div class="tpl-content-page-title">
                专业数据处理平台 首页
            </div>
            <ol class="am-breadcrumb">
                <li><a href="#" class="am-icon-home">首页</a></li>
                <li class="am-active">内容</li>
            </ol>
            <div class="row">
                <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
                    <div class="dashboard-stat blue">
                        <div class="visual">
                            <i class="am-icon-file"></i>
                        </div>
                        <div class="details">
                            <div class="number" id="algorithmNun"></div>
                            <div class="desc">算法</div>
                        </div>
                        <a class="more" href="${ctx}/views/algorithm/list.action"> 查看更多
                            <i class="m-icon-swapright m-icon-white"></i>
                        </a>
                    </div>
                </div>
                <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
                    <div class="dashboard-stat red">
                        <div class="visual">
                            <i class="am-icon-th-large"></i>
                        </div>
                        <div class="details">
                            <div class="number" id="modelNum"> </div>
                            <div class="desc"> 模型 </div>
                        </div>
                        <a class="more" href="${ctx}/views/model/list.action"> 查看更多
                    <i class="m-icon-swapright m-icon-white"></i>
                </a>
                    </div>
                </div>
                <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
                    <div class="dashboard-stat green">
                        <div class="visual">
                            <i class="am-icon-tasks"></i>
                        </div>
                        <div class="details">
                            <div class="number" id="taskNum"> </div>
                            <div class="desc"> 任务 </div>
                        </div>
                        <a class="more" href="${ctx}/views/task/list.action"> 查看更多
                    <i class="m-icon-swapright m-icon-white"></i>
                </a>
                    </div>
                </div>
                <div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
                    <div class="dashboard-stat purple">
                        <div class="visual">
                            <i class="am-icon-crosshairs"></i>
                        </div>
                        <div class="details">
                            <div class="number"> 10 </div>
                            <div class="desc"> 监控 </div>
                        </div>
                        <a class="more" href="${ctx}/views/monitor/list.action"> 查看更多
                    <i class="m-icon-swapright m-icon-white"></i>
                </a>
                    </div>
                </div>
            </div>
            <div class="row">
                    <div class="tpl-portlet" style="margin-left: 20px;margin-right: 20px;">
                        <div class="tpl-portlet-title">
                            <div class="tpl-caption font-green ">
                                <i class="am-icon-cloud-download"></i>
                                <span> 任务数据统计</span>
                            </div>
                            <div class="actions">
                                <ul class="actions-btn">
                                    <li class="red-on" id="week">按周</li>
                                    <li class="green" id="day">按天</li>
                                    <li class="blue" id="hour">按时</li>
                                </ul>
                            </div>
                        </div>

                        <!--此部分数据请在 js文件夹下中的 app.js 中的 “百度图表A” 处修改数据 插件使用的是 百度echarts-->
                        <div id="chartTable">
                            <div class="tpl-echarts" id="tpl-echarts-A" >
                            </div>
                            <div class="tpl-echarts" id="tpl-echarts-B">
                            </div>
                            <div class="tpl-echarts" id="tpl-echarts-C">
                            </div>
                        </div>
                    </div>

            </div>
  	</div>
	<script src="${ctx}/assets/js/jQuery/jquery-1.9.1.js"></script>
	<script src="${ctx}/assets/js/jQuery/jquery.min.js"></script>
	<script src="${ctx}/assets/js/common/amazeui.min.js"></script>
	<script src="${ctx}/assets/js/common/xcConfirm.js"></script>
	<script src="${ctx}/assets/js/common/echarts.min.js"></script>
<%-- 	<script src="${ctx}/assets/js/common/iscroll.js"></script> --%>
	<script src="${ctx}/assets/js/common/config.js"></script>
	<script src="${ctx}/assets/js/common/app.js"></script>
	<script src="${ctx}/assets/js/layer/layer.js"></script>
	<script src="${ctx}/assets/js/index.js"></script>
</body>
</html>